/* Pokeralyzer CSS */

* {
	margin: 0;
	padding: 0;
}

body, html {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 15px; 
	line-height: 22px; 
	color: #333; 
}

/* Containers */

div#top {
	width: 100%;
	height: 50px;
	background: #264127;
	border-bottom: 5px solid #266327;
}

div#logo {
	display: block;
	margin-left: 200px;
	background: url("../gfx/pokeralyzer-logo.gif") no-repeat;
	height: 112px;
	width: 270px;
}

div#container {
	margin-left: 50px;
	margin-top: 10px;
	width: 1200px;
}

div#left {
	float: left;
	width: 800px;
}

div#right {
	float: left;
	width: 350px;
	height: 200px;
	#background: #dee2de;
	margin-left: 10px;
}

div#footer {
	width: 800px;
	border-top: 1px dotted #264127;
	float: left;
	font-size: 12px;
	color: #6e806f;
	margin-top: 10px;
}

div#new_member {
	
}

div#register {

}

div#loginfail {
	color: #266327;
	float: left;
	margin-top: -40px;
	padding: 5px;
	#font-weight: bold;
}

div#login {
	width: 800px;
	float: left;
}

div#user {
	border: 1px dotted #6e806f;
	width: 178px;
	margin-bottom: 20px;
}

/* Navigation */

ul#nav {
	display: block;
	font-family: proxima-nova-extra-condensed, 'Trebuchet MS', sans-serif;
	font-size: 16px;
	font-weight: 100;
	list-style-type: none;
	margin-left: 50px;
	padding: 15px 0px 10px;
	text-transform: uppercase;
}

ul#nav li { 
	display: inline; 
}

ul#nav li a {
	margin: 0; 
	padding: 20px 10px 13px 10px; 
}

ul#nav li a.home_current {
	background: #266327;
}

ul#nav li a:link { 
	color: #eee; 
	text-decoration: none; 
}

ul#nav li a:visited { 
	color: #eee; 
	text-decoration: none; 
}

ul#nav li a:hover { 
	color: #eee; 
	text-decoration: none; 
	background: #266327; 
}

ul#nav li a.login {
	margin-left: 50px;
	border-left: 5px solid #266327;
}

ul#nav li a.login:hover { 
	color: #eee; 
}

ul#nav li a.login_active {
	margin-left: 50px;
	border-left: 1px solid #266327;
	background: #266327;
}

ul#nav li a.account {
	margin-left: 50px;
	border-left: 2px solid #266327;
	text-transform: none;
	background: #266327;
}

ul#nav li a.account_active {
	margin-left: 50px;
	border-left: 1px solid #266327;
	background: #266327;
}

ul#nav li a.account:hover {
}

ul#nav li a.logout {
	float: right;
	margin-top: -20px;
}

ul#nav li a.logout:hover {
	background: #266327;
}

ul#usermeny {
	color: #266327;
	list-style-type: none;
}

ul#usermeny a {
	display: block;
	padding: 2px 5px 2px 15px;
	width: 160px;
	background: #6e806f;
	color: #eee;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	font-variant: small-caps;
}

ul#usermeny a.menytop {
	background: #266327;
}

ul#usermeny a.menytop:hover {
}

ul#usermeny a.cashier {
	background: url('../gfx/money.gif') 65px 5px no-repeat #6e806f;
}

ul#usermeny a.cashier:hover {
	background: url('../gfx/money.gif') 65px 5px no-repeat #266327;
}

ul#usermeny a.exit {
	background: url('../gfx/exit.png') 15px 6px no-repeat #6e806f;
}

ul#usermeny a.exit:hover {
	background: url('../gfx/exit.png') 15px 6px no-repeat #266327;
}



ul#usermeny a:hover {
	background: #266327;
}






/* Links */

a.footer {
	color: #6e806f;
	text-decoration: none;
}
i
a.footer:hover {
}

a.register {
	color: #266327;
	font-weight: bold;
	float: left;
	margin: 10px;
	text-decoration: none;
	border-bottom: 1px dotted #266327;
}

a.register:hover {
	border-bottom: 1px solid #266327;
}

/* Forms */

form#login {
	float: left;
}

form#register {
}

fieldset#loginname, fieldset#password, fieldset#email {
	color: #266327;
	height: 20em;
	width: 200px;
	margin: 10px;
	padding: 1em;
	float: left;
	border: 1px dotted #6e806f;
}

form#register fieldset legend {
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

form#register fieldset h3 {
	height: 1.5em;
	font-size: 1.4em;
}

form#register fieldset div.desc {
	font-size. 0.7em;
	height: 5em;
	color: #6e806f;
}

form#register fieldset label {
	display: block;
	line-height: 2.5em;
}

form#register input.input_error {
}

form#register input.input_green {
}

/* Login */

fieldset#login_button {
	background: #264127;
}

fieldset#login_now {
	border: none;
	color: #266327;
	height: 15em;
	width: 200px;
	margin: 10px;
	padding: 1em;
	float: left;
}

fieldset#or_register {
	border: 1px dotted #6e806f;
	color: #266327;
	width: 200px;
	margin: 10px;
	padding: 1em;
	float: left;
	height: 12em;
}

input#login {
	float: left;
	padding: 5px;
	margin-top: 20px;
	width: 150px;
	background: #264127;
	color: #fff;
	clear: both; 
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px; 
	text-transform: uppercase;
}


input#send {
	float: left;
	padding: 5px;
	margin: 20px;
	width: 150px;
	background: #264127;
	color: #fff;
	clear: both; 
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px; 
	text-transform: uppercase;
}



/* Spans */

span#login_name_desc, span#pwd1_desc, span#pwd2_desc, span#email_desc {
	float: left;
	font-size: 0.7em;
	color: red;
}

span#input_green {
	background: url("../gfx/check.jpg") no-repeat;
}

span.hidden {
	visibility: hidden;
}

span#ready {
	font-size: 0.7em;
	color: red;
	float: left;
	margin-top: 23px;
}

/* Images */

img.check {
	float: right;
	margin-right: 10px;
}

/* Headings */

h2 { 
	clear: both; 
	margin: 10px 0 10px 0; 
	font-weight: normal; 
	font-size: 20px;
	letter-spacing: -1px; 
	color: #266327;
	border-bottom: 1px dotted #264127;
	text-transform: uppercase;
}

h4 {
	clear: both; 
	font-weight: normal; 
	font-size: 16px;
	letter-spacing: -1px; 
	color: #6e806f;
}

/* Tables */

table td.h1 {
	background: #266327;
	font-variant: small-caps;
	padding-left: 10px;
	color: #eee;
}

table td.header {
	background: #6e806f;
	font-variant: small-caps;
	padding-left: 10px;
	color: #eee;
}

/* Div classes */

div.log_table_h1 {
	background: #266327;
	margin-bottom: -1px;
	margin-left: 2px;
	width: 771px;
	color: #eee;
	padding-left: 5px;
	font-variant: small-caps;
}

